<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/reset.css" />
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="stylesheet" type="text/css" href="./css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css" />

		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/json.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tools.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="body">
			<!--head头部-->
			<div class="head">
				<div class="headTop">
					<ul class="head_left clearfix">
						<li>
							<a class="glyphicon glyphicon-home" href="javascript:;">&nbsp;设为首页</a>
						</li>
						<li>
							<a class="glyphicon glyphicon-star-empty" href="javascript:;">&nbsp;加入收藏</a>
						</li>
					</ul>
					<ul class="head_right clearfix">
						<li>已有
							<a href="javascript:;">xxxx</a>位玩家入驻7977游戏</li>
						<li><span class="glyphicon glyphicon-user"><a href="javascript:;">登录</a>/<a href="javascript:;">注册</a></span></li>
					</ul>
				</div>
			</div>
			<!--logo-->
			<div class="logo clearfix">
				<a href="javascript:;"><img src="img/logo.png" alt="" /></a>
				<div id="box" class="tab">
					<input type="button" value="首页" class="active" />
					<input type="button" value="游戏中心" />
					<input type="button" value="礼包中心" />
					<input type="button" value="游戏资讯" />
					<input type="button" value="用户中心" />
					<input type="button" value="客服中心" />
					<input type="button" value="论坛" />
				</div>
			</div>
			<!--轮播-->
			<section class="banner border" id="banner">
				<div class="swiper-container"></div>
			</section>
			<!--内容区-->
			<div id="content">
				<div class="content clearfix">
					<!--左边-->
					<div class="content_left">
						<div class="content_top clearfix">
							<label><img src="img/san.png"/></label>
							<h3>新闻公告</h3>
						</div>
						<div class="welfare">
							<div>
								<h4>福利 丨 双十二，7977手游来助攻</h4>
								<p>双十二来了，双十一的借呗、花呗还清了吗？表担心，小猴子送福利啦~</p>
							</div>
							<ul>
								<li>
									<a href="javascript:;">强PK仙侠手游《苍穹绝仙》5月16日20点212服开启</a>
								</li>
								<li>
									<a href="javascript:;">强PK仙侠手游《苍穹绝仙》5月16日15点211服开启</a>
								</li>
								<li>
									<a href="javascript:;">强PK仙侠手游《苍穹绝仙》5月16日10点210服开启</a>
								</li>
								<li>
									<a href="javascript:;">强PK仙侠手游《苍穹绝仙》5月15日20点209服开启</a>
								</li>
								<li>
									<a href="javascript:;" class="omit">强PK仙侠手游《苍穹绝仙》5月15日15点208服开启 强PK仙侠手游《苍穹绝仙》5月15日15点208服开启</a>
								</li>
							</ul>
						</div>
						<!--快速通道-->
						<div class="content_top clearfix fast">
							<label><img src="img/huojian.png"/></label>
							<h3>快速通道</h3>
						</div>
						<div class="free">
							<ul>
								<li class="hover">
									<a href="javascript:;">
										<img src="img/free.png" alt="" class="hoverImg" /><br />
										<span class="hoverFont">免费注册</span>
									</a>
								</li>
								<li class="hover">
									<a href="javascript:;">
										<img src="img/phone.png" alt="" class="hoverImg" /><br />
										<span class="hoverFont">绑定手机</span>
									</a>
								</li>
								<li class="hover">
									<a href="javascript:;">
										<img src="img/change.png" alt="" class="hoverImg" /><br />
										<span class="hoverFont">修改密码</span>
									</a>
								</li>
								<li class="hover">
									<a href="javascript:;">
										<img src="img/kefu.png" alt="" class="hoverImg" /><br />
										<span class="hoverFont">客服中心</span>
									</a>
								</li>
							</ul>
						</div>
						<!--微信公众号-->
						<div class="content_top clearfix public">
							<label><img src="img/weixin.png"/></label>
							<h3>微信公众号</h3>
						</div>
						<div class="">
							<img src="img/saoyisao.png" alt="" />
						</div>
					</div>
					<!--右边-->
					<div class="content_right">
						<div class="content_rigthTop clearfix public">
							<label><img src="img/zan.png"/></label>
							<h3>推荐游戏</h3>
							<span class="glyphicon glyphicon-plus"></span>
						</div>
						<ul class="game clearfix">
							<li class="download">
								<img src="img/woyu.jpg" alt="" />
								<div class="clearfix downImg">
									<img src="img/zhezao.jpg" alt="" />
									<ul>
										<li>类型：角色扮演</li>
										<li>大小：185M</li>
										<li class="glyphicon glyphicon-save">50万下载</li>
									</ul>
								</div>
								<p>
									<span>我欲封天</span>
									<input type="button" value="游戏详情" class="gameActive" />
								</p>
							</li>
							<li class="download">
								<img src="img/wangzhe.jpg" alt="" />
								<div class="clearfix downImg">
									<img src="img/zhezao.jpg" alt="" />
									<ul>
										<li>类型：角色扮演</li>
										<li>大小：185M</li>
										<li class="glyphicon glyphicon-save">50万下载</li>
									</ul>
								</div>
								<p>
									<span>王者传奇</span>
									<input type="button" value="游戏详情" />
								</p>
							</li>
							<li class="download">
								<img src="img/fengtian.jpg" alt="" />
								<div class="clearfix downImg">
									<img src="img/zhezao.jpg" alt="" />
									<ul>
										<li>类型：角色扮演</li>
										<li>大小：185M</li>
										<li class="glyphicon glyphicon-save">50万下载</li>
									</ul>
								</div>
								<p>
									<span>我欲封天</span>
									<input type="button" value="游戏详情" />
								</p>
							</li>
						</ul>

						<div class="content_rigthTop clearfix all">
							<label><img src="img/game.jpg"/></label>
							<h3>全部游戏</h3>
							<span class="glyphicon glyphicon-plus"></span>
						</div>
						<ul class="allGame clearfix">
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" />&emsp;<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>

							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>刺沙</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" />&emsp;<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" />&emsp;<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>刺沙</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" />&emsp;<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/ios.jpg" alt="" />&emsp;<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
							<li class="allLi">
								<div class="allDiv clearfix">
									<img src="img/jian.jpg" alt="" />
									<ul>
										<li>刺沙</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
								</div>
								<div class="clearfix allImg">
									<img src="img/zhe2.jpg" alt="" />
									<ul>
										<li>王者传奇</li>
										<li>类型：角色扮演</li>
										<li>版本：<img src="img/apple.jpg" alt="" /></li>
									</ul>
									<p>
										<a href="#">下载游戏</a>
										<a href="#">领取礼包</a>
									</p>
								</div>
							</li>
						</ul>

					</div>
				</div>
			</div>



			<!--底部-->
			<div class="foot">
				<div class="footer">
					<p>游戏健康忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
					<ul>
						<li>问题处理</li>
						<li>防沉迷系统</li>
						<li>交易纠纷处理</li>
						<li>用户协议</li>
						<li>家长监护</li>
						<li>联系我们</li>
					</ul><br />
					<p>上海市嘉定区陈翔路88号7幢2楼A区2255室</p>
					<p>泸网文（2015）0742-192号泸ICP备15042563号-2上海齐启网络科技有限公司Copyright@2017 All Right Reserved</p>
					<img src="img/foot.jpg" alt="" />
				</div>
			</div>
		</div>
	</body>

</html>